<template>
  <div class="popup-adv" :style="{height: height}">
    <x-image resize="contain" :src="adv.picUrl" class="popup-adv-bg" :width="width" @click="advClick(adv)"></x-image>
  </div>
</template>
<style lang="scss">
  .popup-adv {
    width: 750px;
    justify-content: center;
    align-items: center;
  }
  .popup-adv-bg {
  }
</style>
<script>
let pageJump = require('../include/page-jump')
module.exports = {
  props: {
    adv: {default: {}},
    width: {default: 750}
  },
  components: {
    'x-image': require('./x-image.vue')
  },
  data () {
    return {
      height: weex.config.env.deviceHeight * 750 / weex.config.env.deviceWidth
    }
  },

  created () {
  },
  methods: {
    advClick (adv) {
      pageJump(adv)
    }
  }
}
</script>
